mui.init({
    pullRefresh : {
        container:"#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
        down : {
            style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
            color:'#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
            height:'50px',//可选,默认50px.下拉刷新控件的高度,
            range:'100px', //可选 默认100px,控件可下拉拖拽的范围
            offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
            auto: true,//可选,默认false.首次加载自动上拉刷新一次
            callback :function (result) {
                $.myAjax({
                    url:"/cart/queryCart",
                    typr:"get",
                    success:function (result) {
                        console.log(result);
                        var html = template("cart_djz",{data:result});
                        $("#OA_task_2").html(html);
                    }
                })
                mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
            }
        }
    }
});
//给模板引擎加一个函数 用吧来对象转换成字JSON格式符串
template.helper("objToJson", function (value) {
    return JSON.stringify(value);
});
var newPrice=0
//复选框绑定change时间 用来动态改变订单总额
$("#OA_task_2").on("change", ".chkInp", function () {
    var chkList = $("#OA_task_2 .chkInp:checked");
    for(var i=0;i<chkList.length;i++){
        var obj=(JSON).parse($(chkList[i]).parents(".suju")[0].dataset.ifmt)
        newPrice+=obj.price*obj.num;
    }
    $(".order_total_price").html("订单总额:￥" + newPrice);
})
//编辑功能
$("#OA_task_2").on("tap",".editBtn",function () {
    var obj=(JSON).parse($(this).parents(".suju")[0].dataset.ifmt)
    obj.sizeArr = $.sizeFormat(obj.productSize);
    //点击编辑的提示框中的数据动态渲染
    var html = template("editTpl", obj);
    //用正则吧br去掉
    html = html.replace(/\n/g, "");
    mui.confirm(html, "编辑", ["是", "否"], function (a) {
        if (a.index == 0) {
            // 是
            var updataSuju={
                id:obj.id,
                size:$(".pro_size span.active").html(),
                num:$(".mui-numbox-input").val()
            };
            // 发送修改
            updateCart(updataSuju);
        } else if (a.index == 1) {
            // 否
        }

    })
    mui(".mui-numbox").numbox();
});
//删除功能
$("#OA_task_2").on('tap', ".deleteBtn", function () {
    var obj=(JSON).parse($(this).parents(".suju")[0].dataset.ifmt);
    mui.confirm("确定删除吗?", "警告", ["是", "否"], function (a) {
        if (a.index == 0) {
            // 是
            del(obj.id)
        } else if (a.index == 1) {
            // 否
        }

    })
})
//点击编辑的提示框中的尺码点击变色
$("body").on("tap",".pro_size span",function () {
    $(this).addClass("active").siblings().removeClass("active");
})
//修改购物车
function updateCart(data) {
    $.ltAjax({
        url:"/cart/updateCart",
        type:"post",
        data:data,
        success:function (result) {
            if(result.success){
                // 手动触发下拉刷新
                mui("#refreshContainer").pullRefresh().pulldownLoading();
            }else{
                console.log(result);
            }
        }
    });

}
//删除购物车
function del(id) {
    var arr = [id];
    var obj = { "id": arr }
    $.myAjax({
        url: "/cart/deleteCart",
        data: obj,
        success: function (result) {
            mui("#refreshContainer").pullRefresh().pulldownLoading();
        }
    });
}
